.mask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 2000;
}

.banner{
  width:293px;
  height:450px;
  position: relative;
  // background: #eeeeee;
}

.guide-banner{
  position: absolute;
  left:0;
  top:58px;
  width:293px;
  height:392px;
  background: url('%ASSETS_IMG%/l-home-guide@2x.png') no-repeat;
  background-size: contain; 
  .guide-content{
    width: 100%;
    position: absolute;
    left:0;
    bottom:115px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    .guide-text{
      font-size: 19px;
      color:#F1DAAE;
      font-weight: 500;
      margin-bottom:10px;
    }
    .progress{
      width:205px;
      height:10px;
    }
  }
  
}

.guide-close{
  position: absolute;
  top:0;
  right:20px;
  width:30px;
  height:58px;
}